<html>
    <link rel="stylesheet" type="text/css" href="javascript/resources/css/ext-all.css"> </link>
    <script src="javascript/adapter/ext/ext-base.js" type="text/javascript" charset="utf-8"></script>
    <script src="javascript/ext-all.js" type="text/javascript" charset="utf-8"></script>
    <body>
        <script type="text/javascript">
            Ext.ns('com.login');
            com.login.Form1 = {
                init: function(){

                    function ingresar(){
                        if (user.getValue()== '' || pass.getValue()== ''){
                            alert('Ingrese credencial');
                        }else{
                            Ext.Ajax.request({
                                url: 'index.php/modulo/login_ingresar',
                                method: 'POST',
                                params: {
                                    user: user.getValue(),
                                    pass :pass.getValue()
                                },
                                success: function (action,options){
                                    var data=Ext.util.JSON.decode(action.responseText);

                                    // EL JSON DEBE DEVOLVER DATOS DE LA SIGUIENTE FORMA:
                                    //success : TRUE or FALSE
                                    //message : un mensaje, esto solo sirve para cuando los datos de login estan incorrectos,
                                    //tipo : ALU / PRO / ADM....redireccionara a la pagina correcta, aqui tienes q modificar el
                                    //href asignado lineas abajo para q se adapte a tu aplicacion
                                    if (data.success){
                                        if (data.tipo=="ALU"){
                                            document.location.href="alu";
                                        }else if(data.tipo=="PRO"){
                                            document.location.href="pro";
                                        }else if(data.tipo=="ADM"){
                                            document.location.href="adm";
                                        }
                                    }else{
                                        alert(data.message);
                                    }
                                }
                            });
                        }
                    }



                    var user = new Ext.form.TextField({
                        id:'user',
                        fieldLabel:'USUARIO',
                        name:'user',
                        allowBlank:false,
                        blankText:'Ingrese usuario',
                        value:''
                    });

                    var pass = new Ext.form.TextField({
                        id:'pass',
                        name:'pass',
                        fieldLabel:'PASSWORD',
                        allowBlank:false,
                        blankText:'Ingrese pass',
                        value:''
                    });

                    var form1 = new Ext.FormPanel({
                        //title:'Modifcar Datos',
                        renderTo: 'login',
                        url:'index.php/general/ajax_add',
                        defaults:{xtype:'textfield'},
                        bodyStyle:'padding: 10px',
                        border:false,
                        width:400,
                        items:[
                            user ,
                            pass
                        ],
                        buttonAlign:'center',
                        buttons:[
                            {
                                text:'Ingresar',
                                tooltip : 'ingresar',
                                listeners : {
                                    click: function(){
                                        ingresar();
                                    }
                                }
                            }
                        ]
                    });




                }
            }
            Ext.onReady(com.login.Form1.init,com.login.Form1);

        </script>



        <table align="center">
            <tr>
                <td> &nbsp; </td>
            </tr>
            <tr>
                <td><h2>Sistema de Creaci&oacute;n del Universo Matricial Dividido en Membranas</h2></td>
            </tr>
            <tr>
                <td> &nbsp; </td>
            </tr>
            <tr>
                <td > <div id="login"></div></td>
            </tr>
        </table>

    </body>
</html>